<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
</head>

<body>
    <pre>
    ES6新增的创建字符串的方式，使用反引号定义。
    模板字符串使用 ${ 变量 } 解析变量。

    模板字符串中可以换行
    在模板字符串中可以调用函数。


  </pre>

    <script>
        // `${name}`

        // 1.
        var name = "zs";
        var info = `你好，我叫${name}`;
        console.log(info); // 你好，我叫zs

        // 2.
        var html = `
          <div>
            <p>啦啦啦</p>
            <p>哈哈哈</p>
          </div>
        `;
        console.log(html);

        // 3.
        let handle = () => {
            console.log("回家回家回家");
        };
        let tem = `${handle()}`; // 回家回家回家
    </script>
</body>

</html>